<template>
	<view>
		<view class="p-30">
			<view class="list">
				<view class="item" v-for="item in 4" :key="item">
					<view class="flex-between">
						<view class="size-30 gray-3">2024-10-10 10:30</view>
						<view class="size-30 gray-9">
							已完成
						</view>
					</view>
					<view class="flex size-32 mt-10">
						<view class="badge badge-1">起</view>
						<view class="ml-20">河南省郑州市金水区六合小区</view>
					</view>
					<view class="flex size-32 mt-10">
						<view class="badge badge-2">终</view>
						<view class="ml-20">河南省周口市西华县</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss">
.list {
	.item {
		background: #fff;
		border-radius: 20upx;
		margin-bottom: 30upx;
		padding: 30upx;
	}
}
</style>
